<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head>
    <link rel="shortcut icon" href="favicon.ico"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link href="https://fonts.googleapis.com/css2?family=Roboto&amp;display=swap" rel="stylesheet"/>
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/styleForLR.css"/>
    <!-- Sweet Alert -->
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet"/>
    <link href="css/animate.css" rel="stylesheet"/>
    <link href="css/style.css?v=4.1.0" rel="stylesheet"/>

</h:head>
<h:body>
    <h:form>
        <img src="images/bg.png" alt="" class="wave"/>
        <div class="container">
            <div class="img">
                <img src="images/img-3.svg" alt="" />
            </div>
            <div class="login-box">
                <h:form>
                    <img src="images/avatar.svg" alt="" class="avatar" style="margin: 0 auto"/>
                    <h2>重置密码</h2>
                    <div class="input-group">
                        <div style="text-align: left">
                            <i class="fa fa-user" style="margin-top: 15px;color: #999"></i>
                            <h5 style="margin-left: 10px">学号/工号</h5>
                            <h:inputText type="text" class="input" id="id"  value="#{user.id}"/>
                        </div>
                    </div>
                    <div class="input-group">
                        <div style="text-align: left">
                            <i class="fa fa-lock" style="margin-top: 15px ;color: #999"></i>
                            <h5 style="margin-left: 10px">手机号</h5>
                            <h:inputText type="text" class="input phone" onblur="checkPhone()"  value="#{user.phone}"/>
                        </div>
                    </div>
                    <div class="input-group">
                        <div style="text-align: left">
                            <i class="fa fa-lock" style="margin-top: 15px ;color: #999"></i>
                            <h5 style="margin-left: 10px">新密码</h5>
                            <h:inputSecret class="input password" onblur="checkPassword()"  value="#{user.password}"/>
                        </div>
                    </div>
                    <div class="input-group">
                        <div style="text-align: left">
                            <i class="fa fa-lock" style="margin-top: 15px ;color: #999"></i>
                            <h5 style="margin-left: 10px">确认新密码</h5>
                            <h:inputSecret class="input rePassword" onblur="checkSame()" />
                        </div>
                    </div>
                    <a href="login.xhtml">去登录</a>
                    <h:commandButton action="#{user.retrievePassword()}" style="display: none"/>
                    <button type="button" class="btn" onclick="checkRetrievePassword(this)">提交</button>
                </h:form>
            </div>
        </div>
    </h:form>
    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script src="js/app.js" type="text/javascript"></script>
    <script src="js/select-course.js" type="text/javascript"></script>
</h:body>
</html>